﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VCC.CMS.ViewModels.AdEditModel>" %>

<%@ Import Namespace="VCC.Lib.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Thêm tin rao
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">
    <td>
    <%= Html.Toolbar("Quay về", "/Ad/Index/", "back")%>
    </td>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Đăng tin rao
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%if (ViewData["MessageInfo"] == null)
      { %>
    <% using (Html.BeginForm("Create", "Ad", FormMethod.Post, new { id = "adminForm", enctype = "multipart/form-data" }))
       {%>
    <%= Html.ValidationSummary(true)%>
    <table class="admintable" width="100%">
        <tbody>
            <tr>
                <td class="key">
                    Tiều đề<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%= Html.TextBoxFor(m => m.Ad.Title, new { @class = "required", title = "Nhập tiêu đề tin rao vào đây", style = "width:730px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Đăng từ ngày<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%=Html.TextBox("StartDate", string.Format("{0:dd/MM/yyyy}", DateTime.Now), new { @class = "datepicker", style = "width:90px", title = "Nhập ngày bắt đầu đăng tin!" })%>
                        Tới ngày<font color="red">*</font>:
                    <%=Html.TextBox("EndDate", string.Format("{0:dd/MM/yyyy}", DateTime.Now.AddDays(30)), new { @class = "datepicker", style = "width:90px", title = "Nhập ngày kết thúc đăng tin!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Danh mục<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.CatID, new SelectList(Model.CategoryBuiltTree, "Value", "Text").ToList(), "--chọn danh mục--", new { @class = "required", style = "width:250px",title="Chọn danh mục cho tin rao!" })%>
                </td>
                <td class="key">
                    Location/Suburb<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBox("AdSuburbID",null, new {@class = "required", title="Nhập khu vực cho tin rao vi du: Cabramatta,NSW, 2166", style="width:250px;float:left;"})%>
                    <span id="loadSubur" style="display:none"><img src="/Images/indicator.gif"/></span>
                    <%=Html.Hidden("Ad_SuburbID")%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Nội dung tin rao<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%=Html.TextAreaFor(m=>m.Ad.Content, new {cols = 97, rows = 20, title="Nhập nội dung tin rao"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Giá/Mức lương:
                </td>
                <td>
                    <%=Html.TextBox("Ad_Cost",0,new {@class = "number", style="width:100px", title="Nhập giá bán, cho thuê hay mức lương"}) %>
                    <%=Html.DropDownListFor(m => m.Ad.CostTypeID, new SelectList(Model.CostTypes, "ID", "Name",1).ToList(), new {style = "width:80px" })%>
                </td>
                <td class="key">
                    Loại tin
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.VIPTypeID, new SelectList(Model.VIPTypes, "Key", "Value").ToList())%>
                </td>
            </tr>
            
            <tr>
                <td class="key">
                    Tên người đăng:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.NameContact, new {Style = "width:250px",title="Nhập tên người đăng tin!" })%>
                </td>
                <td class="key">
                    Email:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.EmailContact, new { @class = "email", Style = "width:250px", title = "Nhập email người đăng tin!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Di động<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.MobileContact, new { @class = "required number", Style = "width:250px", title = "Nhập số điện thoại di động!" })%>
                </td>
                <td class="key">
                    SĐT bàn
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.PhoneContact, new {@class="number", Style = "width:250px", title="Nhập số điện thoại bàn!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Địa chỉ:
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m => m.Ad.AddressContact, new { Style = "width:730px" })%>
                </td>
            </tr>
<%--            <tr>
                <td class="key">
                    Chọn tag
                </td>
                <td colspan="3">
                    <%= Html.TextBox("TagName", string.Empty, new { style = "width:350px" })%>(<font color="red">*</font>)Cho phép chọn nhiều tag, mỗi tag cách nhau bằng dấu ",". Tag chưa có thì viết tên tag vào ô text
                    <%= Html.Hidden("TagID")%>
                </td>
            </tr>--%>
            <%--<tr>
                <td class="key">
                    Meta Title
                </td>
                <td>
                    <%=Html.TextBoxFor(m=>m.Ad.MetaTitle, new { style = "width:250px;"})%>
                </td>
                <td class="key">
                    Meta Keyword
                </td>
                <td>
                    <%=Html.TextBoxFor(m=>m.Ad.MetaKeyword, new { style = "width:250px;"})%>
                </td>
                
            </tr>
            <tr>
                <td class="key">
                    Meta Description
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.MetaDescription, new { style = "width:730px;"})%>
                </td>
            </tr>--%>
            <tr>
                <td class="key">
                    Ảnh mô tả
                </td>
                <td colspan="3">
                    <p>
                        <span class="header-create-form">Hình ảnh</span> <span class="description-create-form">Tối đa 10 ảnh. Mỗi ảnh tối đa 2MB. Tin rao có ảnh sẽ được xem nhiều hơn gấp 10 lần và được nhiều người gọi gấp 5 lần so với tin rao không có ảnh. Hãy đăng ảnh để được giao dịch nhanh chóng. Click vào nút <span class="redfont" style="font-weight:bold">"Browse.." hoặc "Choose File"</span> bên dưới để upload ảnh cho tin của bạn:</span>
                    </p>
                    <span id="ctl32_ctl01_FileServer2">
                        <div class="imagePreview" id="imagePreview"></div>
                                <div id="upload-drop-zone" class="spanButtonPlaceholder block-upload-item" style="position: relative; overflow: hidden; direction: ltr;">
                                    <div id="list_iupload">
                                        <div id="list_imgTemp"></div>
                                        <div>
                                            <div id="uploadingImg" style="display:none;float:left" class="imgTemp">
                                                <img src="/Images/indicator.gif"/><br />
                                                <span>Uploading your image...</span>
                                            </div>
                                            <input type="file" name="FileUpload" id="FileUpload" onchange="javascript:UploadImageAjax(this)" />
                                        </div>
                                    </div>
                                </div>
                        </span>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" id="btnSave" value="Thêm mới" onclick="return check_extension('AdImage','btnSave');" />
                    <input type="reset" id="btnReset" value="Nhập lại" />
                </td>
            </tr>
        </tbody>
    </table>
    <%}
      } %>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#adminForm").validate();
            $("#Ad_CityID").unbind("change").change(function() {
                var val = $("#Ad_CityID").val();
                if (val == "" || val == '' || val == undefined)
                    return false;
                AjaxChange("#Ad_CityID", "#Ad_DistrictID", "/Applications/LoadDistrictByCity/");
            });
        });

        
        tinyMCE.init({
            mode: "exact",
            elements: "Ad_Content",
            theme: "advanced",
            plugins: "spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,paste,imagemanager,autoresize",
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            paste_use_dialog: false,
            paste_auto_cleanup_on_paste: true,
            paste_convert_headers_to_strong: false,
            paste_strip_class_attributes: "all",
            paste_remove_spans: true,
            paste_remove_styles: true
        });

        $.datepicker.setDefaults($.datepicker.regional['vi']);
        $(".datepicker").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            yearRange: "1920",
            showOn: "button",
            buttonImage: "/Images/calendar.gif",
            buttonImageOnly: true,
            changeYear: true
        });
        /*--Start load surb autocomplete*/
        // Autocomplete
        $("#AdSuburbID").autocomplete({
            source: function(request, response) {
                $("#loadSubur").show();
                var dm = GetDomain();
                var ul = dm + "Applications/SearchSuburb";
                $.ajax({
                    url: ul,
                    dataType: "json",
                    data: {
                        keyword: request.term
                    },
                    success: function(data) {
                        $("#loadSubur").hide();
                        response($.map(data, function(item) {
                            return {
                                label: item.FullName,
                                id: item.ID
                            }
                        }));
                    }
                });
            },
            minLength: 1,
            select: function(event, ui) {
                $("#AdSuburbID").val(ui.item.label);
                $("#Ad_SuburbID").val(ui.item.id);
                return false;
            }
        });
        /*--End autocomplete*/
        /*------------------------Upload File-----------------------*/
        var hash = { '.jpg': 1, '.png': 1, '.gif': 1, '.jpeg:': 1, '.pjpeg': 1, '.bmp': 1 };
        function check_extension(filename) {
            var re = /\..+$/;
            var ext = filename.match(re).toString().toLowerCase();
            if (hash[ext]) {
                return true;
            } else {
                return false;
            }
        };
        function gmobj(o) {
            if (document.getElementById) {
                m = document.getElementById(o);
            } else if (document.all) {
                m = document.all[o];
            } else if (document.layers) {
                m = document[o];
            }
            return m;
        }
        var _TotalItem = 1;
        var _CountImageT = 1;
        //Start UploadImageAjax
        function UploadImageAjax(obj) {
            if (check_extension(obj.value) == true) {
                if (_TotalItem > 10) {
                    alert("Hệ thống cho phép đăng tối đa 10 ảnh!");
                    obj.value = null;
                    return;
                }
                else {
                    $("#uploadingImg").show();
                    var formData = new FormData();
                    var totalFiles = document.getElementById("FileUpload").files.length;
                    for (var i = 0; i < totalFiles; i++) {
                        var file = document.getElementById("FileUpload").files[i];

                        formData.append("FileUpload", file);
                    }
                    var dm = GetDomain();
                    var ul = dm + "Applications/UploadImageTemp";
                    $.ajax({
                        type: "POST",
                        url: ul,
                        data: formData,
                        dataType: 'json',
                        contentType: false,
                        processData: false,
                        success: function(response) {
                            var ima = "<div id=\"imgT" + _CountImageT + "\" class=\"imgTemp\"><img src=\" " + response + " \" class=\"imgTemp_item\"><img onclick = \"RemoveImageT('" + response + "'," + _CountImageT + ")\" class=\"img_remove\" src=\"/images/delete22.png\"/></div>";
                            $("#uploadingImg").hide();
                            $("#list_imgTemp").append(ima);
                            _TotalItem++;
                            _CountImageT++;
                            obj.value = null;
                        },
                        error: function(error) {
                        }
                    });
                }

            } else {
                alert("File này không phải là file ảnh thông thường. Hệ thống chỉ cho phép các file có đuôi mở rộng là: '.jpg | .gif | .png | .jpeg | .pjpeg'");
                obj.value = null;
            }
        }
        //End
        //Remove Image
        function RemoveImageT(urlImg, ImgT) {

            var dm = GetDomain();
            $.ajax({
            url: dm + "Applications/DeleteImageTemp",
                type: 'POST',
                data: { ImgTUrl: urlImg },
                success: function(html) {
                if (html == "True" || html == "true") {
                    _TotalItem--;
                        $("#imgT" + ImgT).remove();
                    }
                },
                error: function(mes) {
                    return false;
                }
            });
        }
        //End
        function RemoveRow(objButton) {
            if (parseInt(objButton.name.substring(7)) == gmobj("tblUpload").rows.length - 1) return;

            var obj;
            var RowIndex = parseInt(objButton.name.substring(7));
            gmobj("tblUpload").deleteRow(RowIndex);
            for (var i = RowIndex + 1; i < _TotalItem; i++) {
                Fix('fUpload', parseInt(i));
                Fix('fButton', parseInt(i));
            }
            _TotalItem--;
        }

        function Fix(Id, Index) {
            var obj = document.getElementById(Id + Index);
            if (obj) {
                obj.name = Id + parseInt(parseInt(Index) - 1);
                obj.id = Id + parseInt(parseInt(Index) - 1);
            }
        }
        /*------------------------End upload file-----------------------*/
    </script>

</asp:Content>
